.music-box{
	width: 80px;
	height: 80px;
	position: fixed;
	top:20px;
	right:20px;
}
.music-box i{
	width: 60px;
	height: 60px;
	background: url(../images/p1/music.png) no-repeat;
	display: block;
	background-size: 60px 60px;
	
}
/*创建动画*/	
@keyframes rote{
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(360deg);
	}
}
.logo{
	width: 138px;
	height: 110px;
	top: 20px;
	left: 58px;
	position: absolute;
}
.oneyear{
	width: 365px;
	height: 147px;
	position: absolute;
	left: 50%;
	margin-left: -182px;
	top: 128px;
	
}
.dont{
	width: 568px;
	height: 321px;
	position: absolute;
	left: 50%;
	margin-left: -284px;
	top:244px;
	
}
.eleven{
	width: 339px;
	height: 93px;
	left: 50%;
	margin-left: -170px;
	top:409px;
	position: absolute;
	animation: shakes 1s linear 0s infinite ;
}
.person{
	width: 500px;
	height: 660px;
	position: absolute;
	right: 0;
	top:400px;
}
@keyframes shakes {
	30%{
		transform:scale(1.2) ;
	}
	40%{
		transform: rotate(15deg);
	}
	50%{
		transform: rotate(-15deg);
	}
	60%{
		transform: rotate(15deg);
	}
	70%{
		transform: rotate(-15deg);
	}
	100%{
		transform:scale(0.9) ;
	}
}
.page2-1{
	width: 615px;
	height: 389px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -307px;

}
.page2-2{
	width: 611px;
	height: 636px;
	position: absolute;
	left: 50%;
	top:182px;
	margin-left: -305px;

}